<?php include 'head.php'; ?>
<br>
<div id="rootwizard">
	<div class="navbar">
	  	<div class="navbar-inner">
		    <div class="">
				<ul class="nav nav-pills">
				    <li class= "active"><a href="#tab1" data-toggle="tab">¿Para qué?</a></li>
				    <li><a href="#tab2" data-toggle="tab">¿Para quienés?</a></li>
				    <li><a href="#tab3 " data-toggle="tab">¿Qué?</a></li>
				    <li><a href="#tab4" data-toggle="tab">¿Cómo?</a></li>
				    <li><a href="#tab5" data-toggle="tab">¿Quién?</a></li>
				    <li><a href="#tab6" data-toggle="tab">¿Cuándo?</a></li>
				    <li><a href="#tab7" data-toggle="tab">¿Con qué?</a></li>
				    <li><a href="#tab8" data-toggle="tab">Apoyos y Recursos requeridos</a></li>                               
				</ul>
		 	</div>
  		</div>
	</div>
	<div id="bar" class="progress progress-striped">
		<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" >
    <span class="sr-only">60% completado</span>
  </div>
	</div>
	<div class="tab-content">
	    <div class="tab-pane active" id="tab1">
            <div class="row">
                <div class="col-md-1"></div>
                <div class="col-md-3">
                    <label class="texto_form">Equipo</label>
                    <input type="hidden" value="1" readonly name="idEquipo" id="idEquipo" class="form-control">
                    <input type="hidden" value="g" readonly name="tipo" id="tipo" class="form-control">
                    <input type="hidden" value="1" readonly name="tabActual" id="tabActual" class="form-control">
                    <input type="text" value="Línea de Producto" readonly id="equipo" class="form-control">
                </div>
                <div class="col-md-3">
                    <label class="texto_form">Nombre del lider</label>
                    <input type="text" value="Raul" readonly id="lider" class="form-control">
                </div>                            
            </div>
            <div class="row">
                <div class="col-md-1"></div>
                <div class="col-md-3">
                    <label class="texto_form">Proceso</label>
                    <input type="text" value="Aceptan solo Jefes" readonly id="equipo" class="form-control">
                </div>
                 <div class="col-md-3">
                    <label class="texto_form">Identificador de Formulario</label>
                    <input type="text" value="137" readonly name="idForm" id="idForm" class="form-control">
                </div>

            </div>
             <div class="row">
                <div class="col-md-1"></div>
                <div class="col-md-6">
                    <label class="texto_form">Misión del Equipo</label>
                    <textarea placeholder="Ingrese la Misión de equipo" name="mision" id="mision" type="text" class="form-control" title="Misión del equipo de trabajo"></textarea><br>                                
                </div>
            </div>
	    </div>
	    <div id="tab2" class="tab-pane">
            <div class="row">
                <div class="col-md-1"></div>
                <div class="col-md-10">
                <table class="table table-striped" name="clientes" id="clientes">
                    	<thead>
                    			<tr>
                					<th>id</th>
                					<th>Tipo</th>
                					<th>Cliente</th>
                					<th>Necesidad, uso, etc.</th>
                					<th>Acciones</th>
                    			</tr>
                    	</thead>
                    <tbody>
     					<tr id="tr-1">
                 			<td>1</td>
                      		<td><input class="form-control clientesTable" value="Interno" readonly></td>
                            <td><input class="form-control clientesTable" value="Gerencial" readonly></td>
                            <td><input value="Definición de Objetivos" class="form-control clientesTable" readonly></td>
                            <td> <span class="glyphicon glyphicon-pencil"></span> <span class="glyphicon glyphicon-trash"></span></td>
                        </tr>
                        <tr id="tr-1">
                 			<td>2</td>
                      		<td><input class="form-control clientesTable" value="Interno" readonly></td>
                            <td><input class="form-control clientesTable" value="Línea de Producto" readonly></td>
                            <td><input value="Requisitos pre-venta" class="form-control clientesTable" readonly></td>
                            <td> <span class="glyphicon glyphicon-pencil"></span> <span class="glyphicon glyphicon-trash"></span></td>
                        </tr>
                        <tr id="tr-1">
                 			<td>3</td>
                      		<td><input class="form-control clientesTable" value="Externo" readonly></td>
                            <td><input class="form-control clientesTable" value="Clientes" readonly></td>
                            <td><input value="Producto" class="form-control clientesTable" readonly></td>
                            <td> <span class="glyphicon glyphicon-pencil"></span> <span class="glyphicon glyphicon-trash"></span></td>
                        </tr>
                        <tr id="tr-1">
                 			<td>4</td>
                      		<td><input class="form-control clientesTable" value="Interno" readonly></td>
                            <td><input class="form-control clientesTable" value="Gerencial" readonly></td>
                            <td><input value="Definición de Objetivos" class="form-control clientesTable" readonly></td>
                            <td> <span class="glyphicon glyphicon-pencil"></span> <span class="glyphicon glyphicon-trash"></span></td>
                        </tr>
                        
                    </tbody>
                    <tfoot>
	                    <tr>
	                        <td></td>
	                        <td>
	                            <select class="form-control">
                                	<option value="">(Seleccione)</option>
	                                <option value="1">Interno</option>
	                                <option value="2">Externo</option>
                                </select>
	                        </td>
	                        <td>
	                        	<select class="form-control" >
	                        		<option value="">(Seleccione)</option>
	                        		<option value="1">Gerencia</option>
	                        		<option value="2">Línea de Producto</option>
	                        		<option value="3">Ventas</option>
	                        		<option value="4">Proveedor de desarrollo</option>
                        		</select>
                        	</td>
	                        <td>
	                        	<input type="text" class="form-control"></td>
	                        <td>
	                        	<button class="btn btn-success" >Agregar</button>
                        	</td>
	                    </tr>
	                </tfoot>
            	</table>
                </div>                
            </div>
        </div>
		<div id="tab3" class="tab-pane">
			  <div class="row">
			      <div class="col-md-1"></div>
			      <div class="col-md-10">
			        <table class="table table-striped" id="entregables">
			            <thead><tr><th>id</th><th>Cliente</th><th>Entregable</th><th>Descripción del entregable</th><th>Acciones</th></tr></thead>
			            <tbody>
			               <tr id="tr-1">
			                <td>1</td>
			                <td>
			                  <input value="Gerencia" class="form-control" readonly>
			                </td>
			                <td>
			                  <input value="Objetivos semestrales" class="form-control" readonly>
			                </td>
			                <td>
                                            <textarea class="form-control" readonly> Entregar los obtetivos semestrales del area aprobados y validades"</textarea>
			                </td>
			                <td> <span class="glyphicon glyphicon-pencil"></span> <span class="glyphicon glyphicon-trash"></span></td>
			              </tr>
                                       <tr id="tr-1">
			                <td>2</td>
			                <td>
			                  <input value="Línea de producto" class="form-control" readonly>
			                </td>
			                <td>
			                  <input value="Requerimientos del mercadeo" class="form-control" readonly>
			                </td>
			                <td>
                                          <textarea class="form-control" readonly> Entregar los requerimientos de los clientes actuales e informes sobre las tendencias y demandas del mercado</textarea>  
			                  
			                </td>
			                <td> <span class="glyphicon glyphicon-pencil"></span> <span class="glyphicon glyphicon-trash"></span></td>
			              </tr>
			            </tbody>
                                     <tr id="tr-1">
			                <td>3</td>
			                <td>
			                  <input value="Línea de producto" class="form-control" readonly>
			                </td>
			                <td>
			                  <input value="Reportes de quejas y sugernecias de clientes" class="form-control" readonly>
			                </td>
			                <td>
                                             <textarea class="form-control" readonly> Entregar las quejas, sugerencias y comentarios de los clientes sobre el producto (Formulario AT234)</textarea>

			                </td>
			                <td> <span class="glyphicon glyphicon-pencil"></span> <span class="glyphicon glyphicon-trash"></span></td>
			              </tr>
			            <tfoot>
			                <tr>
			                    <td></td>
			                    <td>
			                        <select class="form-control" name="clienteEntregable" title="" id="clienteEntregable" data-original-title="Cliente que necesita el entragable">
			                            <option value="">(Seleccione)</option>
			                        <option value="10">Gerencia</option>                                                </select>
			                    </td>
			                    <td><input type="text" placeholder="Ingrese el nombre del entregable" id="entregable" name="entregable" title="" class="form-control" data-original-title="Qué debemos producir y entregar para resolver la necesidad"></td>
			                    <td><textarea placeholder="Ingrese una descripción para el entregable" id="descripcion" name="descripcion" type="text" class="form-control"></textarea></td>
			                    <td><button onclick="return validarAddEntregable()" class="btn btn-success" name="accion" type="submit">Agregar</button></td>
			                </tr>
			            </tfoot>
			        </table>
			    </div>
			  </div>
		</div>
		<div id="tab4" class="tab-pane">
	        <div class="row">
	        <div class="col-md-1"></div>
	        <div class="col-md-10">
	            <table class="table table-striped" id="comos">
	                <thead><tr><th>id</th><th>Entregable</th><th> Nombre de la Actividad</th><th>Descripción</th><th>Acciones</th></tr></thead>
	                <tbody>
	                    <tr></tr>
	                    <tr>
	                        <td>1</td>
	                        <td><input value="Objetivos Generenciales" class="form-control" readonly></td>
	                        <td><input value="Definir objetivos" class="form-control" readonly></td>
	                        <td><textarea class="form-control" readonly>Definir cada objetivo por área</textarea></td>
	                        <td> <span class="glyphicon glyphicon-pencil"></span> <span class="glyphicon glyphicon-trash"></span></td>
	                    </tr>
	                    <tr></tr>
	                    <tr>
	                        <td>2</td>
	                        <td><input value="Objetivos Generenciales" class="form-control" readonly></td>
	                        <td><input value="Enviar objetivos a CEO" class="form-control" readonly></td>
	                        <td><textarea class="form-control" readonly>Enviar todos los objetivos al Secretario Ejecutivo</textarea></td>
	                        <td> <span class="glyphicon glyphicon-pencil"></span> <span class="glyphicon glyphicon-trash"></span></td>
	                    </tr>
	                </tbody>
	                <tfoot>
	                    <tr>
	                        <td></td>
	                        <td>
	                            <select class="form-control" >
	                                <option value="">(Seleccione)</option> 
	                                <option value="24">Objetivos Generenciales</option>                                                
	                            </select>
	                        </td>
	                        <td>
	                            <input type="text" class="form-control">
	                        </td>
	                        <td>
	                            <textarea placeholder="Descripcion del la actividad" class="form-control"></textarea>
	                        </td>
	                        <td>
	                            <button class="btn btn-success" name="accion" type="submit">Agregar</button>
	                        </td>
	                    </tr>
	                </tfoot>
	            </table>
	        </div>
	        </div>                                
		</div>	
		<div id="tab5" class="tab-pane ">
			<div class="row">
			    <div class="col-md-1"></div>
			    <div class="col-md-10">
			        <table class="table table-striped" id="quienes">
			            <thead><tr><th>id</th><th>Actividad</th><th>Responsable</th><th>Acciones</th></tr></thead>
			            <tbody>
			                <tr>
			                    <td>1</td>
			                    <td><input value="Definir objetivos" class="form-control" readonly></td>
			                    <td><input value="Elina" class="form-control" readonly></td>
			                    <td> <span class="glyphicon glyphicon-pencil"></span> <span class="glyphicon glyphicon-trash"></span></td>
			                </tr>
			                <tr>
			                    <td>2</td>
			                    <td><input value="Enviar objetivos a CEO" class="form-control" readonly></td>
			                    <td><input value="Raul" class="form-control" readonly></td>
			                    <td> <span class="glyphicon glyphicon-pencil"></span> <span class="glyphicon glyphicon-trash"></span></td>
			                </tr>
			            </tbody>
			            <tfoot>
			                <tr>
			                    <td></td>
			                    <td>
			                        <select class="form-control">
			                            <option value="">(Seleccione)</option> 
			                            <option value="14">Definir objetivos</option>
			                            <option value="15">Enviar objetivos a CEO</option> 
			                       </select>
			                    </td>
			                    <td>
			                        <select class="form-control" name="responsables">
			                            <option value="">(Seleccione)</option> 
			                            <option value="1">Elina</option>
			                            <option value="2">Raul</option>  
			                        </select>
			                    </td>
			                    <td><button class="btn btn-success" >Agregar</button></td>
			                </tr>
			            </tfoot>
			        </table>
			    </div>
			    </div>         
		</div>
		<div id="tab6" class="tab-pane">
		    <div class="row">
		        <div class="col-md-1"></div>
		        <div class="col-md-10">
		            <table class="table table-striped" id="cuandos">
		                <thead><tr><th>id</th><th>Entregable</th><th>Indicador</th><th>Meta</th><th>Fecha de Cumplimiento</th><th>Acciones</th></tr></thead>
		                <tbody>
		                    <tr>
		                        <td>1</td>
		                        <td><input value="Objetivos Generenciales" name="indicadoresTable[1][2]" id="indicadoresTable1-2" class="form-control" readonly></td>
		                        <td><input value="Evaluación Genercia" name="indicadoresTable[1][3]" id="indicadoresTable1-3" class="form-control" readonly></td>
		                        <td><input value="80" name="indicadoresTable[1][4]" id="indicadoresTable1-4" class="form-control" readonly></td>
		                        <td><input value="2014-06-04" name="indicadoresTable[1][5]" id="indicadoresTable1-5" class="form-control" readonly></td>
		                        <td> <span class="glyphicon glyphicon-pencil"></span> <span class="glyphicon glyphicon-trash"></span></td>
		                    </tr>
		                    <tr>
		                        <td>2</td>
		                        <td><input value="Objetivos Generenciales" name="indicadoresTable[2][2]" id="indicadoresTable2-2" class="form-control" readonly></td>
		                        <td><input value="Cantidad de mejoras" name="indicadoresTable[2][3]" id="indicadoresTable2-3" class="form-control" readonly></td>
		                        <td><input value="20" name="indicadoresTable[2][4]" id="indicadoresTable2-4" class="form-control" readonly></td>
		                        <td><input value="2014-12-04" name="indicadoresTable[2][5]" id="indicadoresTable2-5" class="form-control" readonly></td>
		                        <td> <span class="glyphicon glyphicon-pencil"></span> <span class="glyphicon glyphicon-trash"></span></td>
		                </tbody>
		                <tfoot>
		                    <tr>
		                        <td></td>
		                        <td>
		                            <select class="form-control" >
		                                <option value="">(Seleccione)</option> 
		                                <option value="24">Objetivos Generenciales</option>                                                
		                            </select>
		                        </td>
		                        <td>
		                            <select class="form-control" title="" id="indicadores" name="indicadores" data-original-title="¿ Qué evidencias o indicadores informaremos para saber que logramos cubrir la necesidad de la parte interesada?">
		                                <option value="">(Seleccione)</option> 
		                                <option value="1">Evaluación Genercia</option>
		                                <option value="2">Cantidad de mejoras</option>
		                                <option value="3">Evaluación requerimientos</option>  
		                            </select>
		                        </td>
		                        <td><input type="text" placeholder="Meta del objetivo" class="form-control"></td>
		                        <td><input type="text" data-format="yyyy-MM-dd" style="padding: 8px" readonly ></td>
		                        <td><button onclick="return validarAddIndicadores()" class="btn btn-success" name="accion" type="submit">Agregar</button></td>
		                    </tr>
		                </tfoot>
		            </table>
		        </div>
		    </div>
		</div>
		<div id="tab7" class="tab-pane">
		    <div class="row">
		        <div class="col-md-1"></div>
		        <div class="col-md-10">
		            <table class="table table-striped" id="conques">
		                <thead><tr><th>id</th><th>Familia</th><th>Subfamilia</th><th>Competencia</th><th>Grado de desarrollo</th></tr></thead>
		                <tbody>                                        
		                    <tr>
		                        <td>1</td>
		                        <td><input value="Competencias Jerárquicas" class="form-control" readonly></td>
		                        <td><input value="Nivel Intermedio" class="form-control" readonly></td>
		                        <td><input value="Liderazgo" class="form-control" readonly></td>
		                        <td><input value="Bajo" class="form-control" readonly></td>
		                        <td> <span class="glyphicon glyphicon-pencil"></span> <span class="glyphicon glyphicon-trash"></span></td>
		                    </tr>
		                    <tr>
		                        <td>2</td>
		                        <td><input value="Competencias Técnicas" class="form-control" readonly></td>
		                        <td><input value="Administrativas" class="form-control" readonly></td>
		                        <td><input value="Paquete Office" class="form-control" readonly></td>
		                        <td><input value="Bajo" class="form-control" readonly></td>
		                        <td> <span class="glyphicon glyphicon-pencil"></span> <span class="glyphicon glyphicon-trash"></span></td>
		                    </tr>
		                </tbody>
		                <tfoot>
		                    <tr>
		                        <td></td>
		                        <td>
		                            <select class="form-control" >
		                                <option value="">(Seleccione)</option> 
		                                <option value="1">Competenicas Cardinales</option>
		                                <option value="2">Competencias Jerárquicas</option>
		                                <option value="3">Competencias Técnicas</option> 
		                            </select>
		                        </td>
		                        <td>
		                            <select class="form-control" >
		                                <option value="">(Seleccione)</option>
		                                <option value="5">Administrativas</option>
		                            </select>
		                        </td>
		                         <td>
		                            <select class="form-control" name="competencia" id="competencia">
		                                <option value="">(Seleccione)</option>
		                                <option value="12">Paquete Office</option>
		                            </select>
		                        </td>
		                        <td>
		                             <select class="form-control" name="grado" id="grado">
		                                <option value="">(Seleccione)</option>
		                                <option value="1">No observable</option>
		                                <option value="2">Bajo</option>
		                                <option value="3">Medio</option>
		                                <option value="4">Alto </option>
		                            </select>
		                        </td>
		                        <td><button class="btn btn-success">Agregar</button></td>
		                    </tr>
		                </tfoot>
		            </table>
		        </div>
		        </div> 
		</div>
		<div id="tab8" class="tab-pane">
                        <div class="row">
                            <div class="col-md-1"></div>
                            <div class="col-md-6">
                                <label class="texto_form">Apoyos requeridos</label>
                                <textarea placeholder="Ingrese la apoyo de equipo" name="apoyo" id="apoyo" type="text" title="" data-placement="right" class="form-control" data-original-title="Apoyo requerido por el equipo"></textarea><br>                                                                
                            </div>
                            <br> <br>  <br>
                            <br> <br>
                            <br> 
                        </div>
                        <div class="row">
                            <div class="col-md-1"></div>
                            <div class="col-md-6">
                                <label class="texto_form">Recursos materiales necesarios</label>
                                <textarea placeholder="Ingrese la recurso de equipo" name="recurso" id="recurso" type="text" title="" data-placement="right" class="form-control" data-original-title="Recursos materiales requeridos por el equipo"></textarea><br>                                
                                
                            </div>
                        </div>
        </div>
		<ul class="pager wizard">
			<li class="previous first" style="display:none;"><a href="#">First</a></li>
			<li class="previous"><a href="#">Anterior</a></li>
			<li class="next last" style="display:none;"><a href="#">Last</a></li>
		  	<li class="next"><a href="#">Siguiente</a></li>
		</ul>
	</div>	
</div>
<script type="text/javascript">
		  	$(document).ready(function(){
			  	$('#rootwizard').bootstrapWizard({onTabShow: function(tab, navigation, index) {
					var $total = navigation.find('li').length;
					var $current = index+1;
					var $percent = ($current/$total) * 100;
					$('#rootwizard').find('.progress-bar').css({width:$percent+'%'});
				}});
				$('#confirmar').click(habilitarConfirmar);		
				$('#aceptar').click(habilitarAceptar);
			});

			function habilitarConfirmar(){
				$('#myModalC').modal();
				$('#myModalC').modal('show');
			}

			function habilitarAceptar(){
				$('#myModalA').modal();
				$('#myModalA').modal('show');
			}
		</script>
<?php include 'footer.php';?>



